<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css3.css">
</head>
<body>
    <div class="wai">
        <div class="ding"></div>
        <div class="zhong">
            <div class="deng">
                <form action="get">
                   <div><input type="email" placeholder="邮箱/手机号码" required pattern="^[a-zA-Z0-9]+([-_.][a-zA-Z0-9]+)*@[a-zA-Z0-9]+([-_.][a-zA-Z0-9]+)*\.[a-z]{2,}$"></div>
                    <div><input type="password" placeholder="密码" required pattern="^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{8,16}$"></div>
                    <div><input type="submit" value="登录" class="baga"></div>
                    <div class="hr"></div>
                    <div class="zhusan"><input type="submit" value="还没有账号？免费注册" class="zhuce">
                        <div class="yin"><span>还没有账号？免费注册</span><img src="./youzhuanjiantou.png" class="p" ></div>
                    </div>
                    <div class="zhusan2"><input type="submit" value="忘记密码？重置" class="zhuc">
                        <div class="yin2">忘记密码？重置<img src="./youzhuanjiantou.png" class="p2"></div>
                    </div>
                    <div class="zhusan3"><input type="submit" value="使用第三方账号登录" class="zhuc">
                        <div class="yin3">使用第三方账号登录<img src="./youzhuanjiantou.png" class="p3"></div>
                    </div>
                </form>
            </div>
        </div>
        <div class="di"></div>
        <div></div>
    </div>
</body>
</html>